<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html lang="fr">     
<head>         
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />         
<title>Création d'un design à 2 colonnes - 1. Le code XHTML</title>  <!--[if lte IE 6]>   
<link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" />   <![endif]-->   
  <link rel="stylsheet" type="text/css" href='http://wiki.klniox.googlecode.com/git-history/master/gh-pages/stylesheet/colorize.css'>
</head>     
<body>         
  <div id="header" style="width:100%;height:29px;border-top:6px outset #78c69c;background-color:#004c66;"/>      
  
   <ul class="b">                     
<li class="erto"><a href="#" title="Introduction">Introduction</a></li>                     
<li    class="erto" ><a href="#" title="Première étape : le code (X)HTML">Coplan</a></li>                     
<li   class="erto" ><a href="#" title="Deuxième étape : le positionnement">S.A.S X18</a></li>                     
<li    class="erto" ><a href="#" title="Troisiéme étape : couleurs & images de fond">OSS117</a></li>                     
<li    class="erto" ><a href="#" title="Quatrième étape : le menu">LE SAINT</a></li>                     
             </ul>  <hr>
  <h6 style="font-family:courier;color:#5353fe;">D'Klniox Blog Parisien -- Les Affaires Criminelles du siècle  Tallandier, Criminels et Policiers,     </h6> 
</div>         
  <div id="center" style="border:2px inset #787856;margin-top:73px;color:#2323ce;">  Arsenic 1 vieilles dentelles ....   Arsène Lupin   ...   Quai des Brumes     Rouletabille Gaston Leroux, paru en feuilleton en 1921. <p>    </p>              

    <div id="content"   style="border:2px inset #787856;font-family:courier;font-size:1.2em;letter-spacing:0.6pt;color:#5615fe;overflow:auto;padding-left:3px;padding-right:3px;padding-top:2px;padding-bottom:1px">    
      <h2 style="color:#4949ec;">Les romans d'Aventure Polars Science Fiction  Les secrets des  Affaires Criminelles</h2>    <pre>            
 
 La nouvelle, moins contraignante que le roman, parce qu’elle peut tenir l’intérêt d’un lecteur simplement en jouant sur sa curiosité pour un univers ou des personnages permet à l’auteur de tester ses idées avant de se lancer dans des constructions d’intrigue trop complexes.
<br>

a préparation (dans ce billet)
 •L’écriture du premier jet
 •La réécriture
Avant de vous lancer dans l’écriture, prenez le temps de vous interroger sur ce que vous souhaitez écrire.
<br>
vous devez convaincre votre lecteur de continuer à vous lire et vous réalisez ceci en lui faisant ressentir des émotions et en éveillant sa curiosité. 
<br>
La nouvelle est donc aussi un exercice créatif pour l’écrivain amateur ou confirmé,
<br>
5 Conseils pour réussir l’écriture d’une nouvelle
 <br>
Conseil n° 1. Créer une anormalité, une rupture dans l’ordre établi.
 Cette anormalité est soit décrite (c’est le rebondissement), soit approchée progressivement par l’auteur qui en donne progressivement les clés pour l’expliquer…
 <br>
Conseil n° 2. Commencer par l’action brute. 
 Le héros est immédiatement immergé dans une scène d’action, une décision ou un événement : suspense, fantastique, accident, découverte. Le rythme et la couleur sont alors annoncés. Le décor importe peu.
 
Conseil n° 3. Présenter le héros d’une façon apparemment très ordinaire dans un récit à la première personne (force narrative).
 Suggérer un indice que l’ordinaire n’est que de surface. Le lecteur sent quelque chose d’anormal chez l’auteur : l’importance qu’il accorde au non-dit.
 <br>
Conseil n° 4. Structurez votre intrigue…
 Même si vous n’en avez pas. Si vous n’axez pas votre histoire autour d’une intrigue, vous devez la structurer pour permettre à votre lecteur de s’y repérer : un début, un milieu, une fin et des transitions entre ces trois parties sont le squelette nécessaire. C’est la force du « plan ». Vous avez déjà établi avant d’écrire comment débutait et se terminait votre récit.
   
<p>La page est divisée horizontalement en trois parties distinctes :</p>                 
<ol>                     
<li>l'en-tête (identifié par "<em>header</em>"),</li>                     
<li>la partie centrale ("<em>center</em>", <em>sidebar</em> et <em>content</em>).</li>                     
<li>le pied de page ("<em>footer</em>") li>                 
</ol>   
               
<h2>Brèves</h2> 
      <applet code="http://gerauld.googlecode.com/svn/bin/Sample.java" archive="http://gerauld.googlecode.com/svn/bin/Sample.jar" height="249" width="470">   Applet failed to run.  No Java plug-in was found. </applet>             
</div><!-- #content --> 
<style>  
html, body {     height: 100%;     margin: 0;     padding: 0; } 
body {     min-height: 100%;     width: 977px;     padding: 0 10px;     margin: 0 auto;     position: relative; } 
div#center {     /* Pour éviter la superposition du pied de page et du contenu : */     padding-bottom: 50px;  } 
div#footer {     position: absolute;     width: 750px;     bottom: 0;     left: 10px;     } 
  div#content {     float: left;     width: 730px;height:auto; } 
  pre{color:#232123;overflow:hidden;}
div#sidebar {     float: right;     width: 200px; border:2px stride #f95637;}  
div#center {padding-bottom: 50px;overflow: auto;}   
  div#sub_ideo{padding-bottom: 50px;width: 530px;overflow: auto;border:4px stride #f95637;}
  div#sub_content{float: left;width: 382px;border:4px stride #f95637;}
  div#sub_sidebar{float: right;width: 120px; border:4px stride #f95637;}

#navibar{background-color:#cfc6fe;width:760px;height:1010px;margin-left:139px;padding-left:49px;position:absolute};      
  ul.b{display:inline;list-style:none;}      
  #me{border:2px outset #7676fe;background-color:#61e;color:#13f9fe;font-size:0.7em;font-family:courier;width:147px;height:210px;position:absolute;float:right;margin-right:34px;padding-left:2px;margin-top:82px;padding-right:2px;z-index:12;}   
  #metin{border:2px outset #7676fe;background-color:#b6ceff;color:#26f9fe;font-size:0.8em;font-family:impact;}
  a:hover{color:#1e90ff;}
  hetblog a{color:#1165fe;border:2px inset #2356fe;}      
.hetblog a:hover{color:#fff;background-color:#565656;cursor:pointer;}   
  .erto{border:2px inset #ccc;background-color:#b6ceff;color:#156578;width:94px;height:32px;margin-right:4px;margin-left:2px;padding-right:2px;padding-left:2px;   display:inline;list-style:none;font-size:1.2em;font-family:impact;float:left; }  
.erto:hover{border:2px outset #ccc;background-color:#a4b9e6;color:#ccc;width:94px;height:32px;margin-right:4px;margin-left:2px;padding-right:2px;padding-left:2px;}
.e888rto{background-image: url('https://plus.google.com/photos/111741255128593878074/albums/5904973748673897681?authkey=CJSx2_6DvKinIQ' );background-repeat:no-repeat;background-size:100% 121px;}      
.kleft{border:2px outset #38e;}   
.well{border:2px outset #619467;margin-right:104px;}   
  .erto:hover{color:#efffff;

</style>               
<div id="sidebar" style="border:2px inset #787856;">SIDEBAR                
<h2>Navigation</h2>                 
<ul id="metin">                     
<li><a href="#" title="Introduction">Introduction</a></li>                     
<li><a href="#" title="Première étape : le code (X)HTML">Etape 1</a></li>                     
<li><a href="#" title="Deuxième étape : le positionnement">Etape 2</a></li>                     
<li><a href="#" title="Troisiéme étape : couleurs & images de fond">Etape 3</a></li>                     
</ul> 

  <img src='//archivesbidard.free.fr/images/Couvertures_de_livres/KENNY_Paul_Signaux_dans_lombre_Fleuve_Noir.jpg' width="221px"/>

             
<h2>Brèves</h2>                 
<p>Pourquoi j'aime les standards du W3C ? Pour <a href="http://openweb.eu.org/articles/pourquoi_standards/" title="Openweb : Pourquoi les standards du W3C">ça</a></p>                 <h2>Liens</h2>                  
<ul>                     
<li><a href='http://wiki.berlinux.googlecode.com/hg/gh-pages/index.html' title="klniox apprendre XHTML, les CSS et les standards W3C de la conception Web">berlinux</a></li>   
 <li><a href='http://gerauld.googlecode.com/svn/gh-pages/index.html' title="klniox apprendre XHTML, les CSS et les standards W3C de la conception Web">gerauld</a></li>  
 <li><a href='http://wiki.klniox.googlecode.com/git-history/master/gh-pages/index.html' title="klniox apprendre XHTML, les CSS et les standards W3C de la conception Web">klniox</a></li>  
</ul>             </div> <!-- #sidebar -->         
</div><!-- #center -->          
<div id="footer">             
<p>.</p>        
</div><!-- #footer -->     
</body>  
</html> 
